<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe测试体验页面无刷新</title>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">
        function go(){
            //所有的值、变量，提前获取
            document.getElementById("iframe1").src=document.getElementById("url").value;
        }
    </script>

</head>
<body>

    <div>
        <p>请输入地址：</p>
        <p>
            <input type="text" id="url" value="https://mp.weixin.qq.com/s/tB4YX4H59wYS6rxaO3K2_g">
            <input type="button" value="提交" onclick="go()">
        </p>
    </div>

    <div>
        <iframe id="iframe1" style="width: 100%;height:500px"></iframe>
    </div>

</body>
</html>